<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="../templates/template.xhtml">

	<ui:define name="painelCentral">
		<h:form>
			<h:outputLabel for="categoriaResutadoGP" value="#{msg['manterResultadoGrandePremio.label.categoria']}" />
			<h:selectOneMenu  value="#{consultarPalpiteMB.categoriaSelecionadaId}">
				<f:selectItem itemValue="" itemLabel="Selecione..." />
               <f:selectItems value="#{consultarPalpiteMB.categorias}" var="categoria" itemLabel="#{categoria.nome}" itemValue="#{categoria.id}"/>
               <f:ajax event="change" listener="#{consultarPalpiteMB.atualizarGrandePremios}"  render="grandesPremios errorMsg"/>
			</h:selectOneMenu>
			
			<h:outputLabel for="grandesPremios" value="#{msg['manterResultadoGrandePremio.label.nomeGrandePremio']}" />
			<h:selectOneMenu id="grandesPremios"  value="#{consultarPalpiteMB.grandePremioSelecionadoId}" >
				<f:selectItem itemValue="" itemLabel="Selecione..." />
               <f:selectItems value="#{consultarPalpiteMB.grandePremios}" var="gp" itemLabel="#{gp.nome}" itemValue="#{gp.id}"/>
               
               <f:ajax event="change" listener="#{consultarPalpiteMB.atualizarPalpites}" render="palpites errorMsg"/>
			</h:selectOneMenu>
			<br/><br/>
			<h:outputText id="errorMsg" value="#{consultarPalpiteMB.errorMsg}" style="color: red;"/>
			<br/><br/>
			
			<rich:dataGrid var="palpite" value="#{consultarPalpiteMB.palpites}" id="palpites">
				<f:facet name="header">
                    <h:outputText value="#{msg['consultarPalpites.label.consultarPalpites']}"></h:outputText>
                </f:facet>
				<h:panelGrid columns="2">
					<h:outputText value="#{msg['consultarPalpites.label.data']}" styleClass="label"></h:outputText>
					<h:outputText value="#{palpite.data}" >
					 	<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
					<h:outputText value="#{msg['consultarPalpites.label.respostaPrimeiro']}" styleClass="label"></h:outputText>
					<h:outputText value="#{palpite.repostaPerguntaPrimeiro.nome}" />
					<h:outputText value="#{msg['consultarPalpites.label.respostaPole']}" styleClass="label"></h:outputText>
					<h:outputText value="#{palpite.repostaPerguntaPole.nome}" />
					<h:commandButton value="Excluir"
										action="#{manterPalpiteMB.excluir}"
										image="../imagens/excluir.gif" >
										<f:setPropertyActionListener
											target="#{manterPalpiteMB.idPalpite}" value="#{palpite.id}"  />
				    </h:commandButton>
				</h:panelGrid>
			</rich:dataGrid>

		</h:form>
	</ui:define>

</ui:composition>